﻿
/***************/
/**   Medias  **/
/***************/
@media (max-width: 480px),(min-width: 480px), (max-width: 768px) , (min-width: 768px) ,(min-width: 1200px),(max-width: 1200px) {
html{ height:100% !important;}
body {height:100% !important; }
	div.row-fluid{
		padding-left: 0em !important;
	}	
	div.container-fluid{
	    padding-left: 0em !important;
	    /*height:80% !important;*/
 
	}	
	div.span9{
		width: 100% !important;
	    margin-left: 0em !important;
     
	}
	div.span4{
		max-height:2em;

		width: 100% !important;
		max-width: 100% !important;
	    margin-left: 0em !important;
	    margin-top: 0em !important;
	    margin-bottom: 0em !important;
	    padding-top: 0em !important;
	    padding-bottom: 0em !important;	    
	    -webkit-box-shadow: none;
	       -moz-box-shadow: none;
	            box-shadow: none; 
		background-color: #fff;
		border-bottom: 1px solid #bfbfc3 !important;
	}
	div.span4 img{
		margin-top:0; /*Conflict resolved*/
	}	
	div.span4.notif {
		/*text-align:left;*/

		font-size: 2em;
		line-height:1em;

		/*margin-top:-1.10em;*/
	}	
	div.number,
	div.status,
	div.img 
	{
		display: block;
		float:left;
		vertical-align:middle;
		margin-top:0.5em;
	}
	div.img img.hot{margin-top:-0.1em;}
	div.img{max-width: 50%;margin-top:0.2em;float:right;} 			
	div.number{max-width: 17%;} 	
	div.status{max-width: 80%;padding-left:1em;} 
	div.status.ready{color: red;}
	div.status.appel{color: orange;}
	div.status.autre{color: blue;}
	div.status.ok{color: green;}

	div.img img{max-width:70%;}

	div.img.hot{margin-right:10px;position: relative;} 
	div.img img.hot{max-width:60%; }

	div.span4:hover{
	    -webkit-box-shadow: none;
	       -moz-box-shadow: none;
	            box-shadow: none; 
	}
	div.contentSlide{
		margin-left:3.5em;
	}


	div.nbchaud{position: absolute; top:14px; left:10px;}
	h2:hover,h4:hover{
	color: #b4d411	;
	}
	h2,h4{
		height: 2em;	
		line-height: 1.8em;	
		font-size: 2em;
		background-color: #fff !important;
		border-top: 1px solid #b4d411 !important;
		border-bottom: 1px solid #b4d411 !important;
		border-left: 1px solid #b4d411 !important;
		border-right: 1px solid #b4d411 !important;	
		color: #3f3f3f; 
		text-align: center;
	}
	h2{
	margin-top:-1px;
	}	
	h4{
	border-top: 1px solid #bfbfc3 !important;
	position: absolute;
	bottom: 0;
	width: 100%;
	}
	footer{
		display: none;
	}

}